﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Pure CSS Vertical Menu</title>
	<link href="PureCSSVerticalMenu.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id="verticalmenu">
		<ul class="top-level">
			<li><a href="#">Home</a>
				<ul class="sub-level">
					<li><a href="#">Sub Menu Item 1</a></li>
					<li><a href="#">Sub Menu Item 2</a></li>
					<li><a href="#">Sub Menu Item 3</a></li>
					<li><a href="#">Sub Menu Item 3</a></li>
				</ul>
			</li>
			<li><a href="#">About</a>
			<ul class="sub-level">
				<li><a href="#">Sub Menu Item 1</a></li>
				<li><a href="#">Sub Menu Item 2</a></li>
				<li><a href="#">Sub Menu Item 3</a></li>
			</ul>
			</li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">FAQ</a>
				<ul class="sub-level">
					<li><a href="#">Sub Menu Item 1</a></li>
					<li><a href="#">Sub Menu Item 3</a></li>
				</ul>
			</li>
			<li><a href="#">News</a>
				<ul class="sub-level">
					<li><a href="#">Sub Menu Item 1</a></li>
					<li><a href="#">Sub Menu Item 2</a></li>
					<li><a href="#">Sub Menu Item 3</a></li>
				</ul>
			</li>
		</ul>
	</div>
</body>
</html>
